$basefont:40px;
@function r($n){
    @return $n / $basefont * 1rem;
}
@mixin flex {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: space-around;
}
@mixin font {
    font-size: r(26px);
    font-family: SourceHanSansCN-Medium;
}
.web{
    .container{
        width: r(590px);
        height: r(839px);
        background-color: #ffffff;
        box-shadow: 0px r(4px) r(13px) r(5px) 
            rgba(0, 0, 0, 0.3);
        opacity: .7;
        border-radius: r(10px);
        // margin-top: r(170px);
        // padding-bottom: r(63px);
        select{
            margin-left: 9%;
            color: #0075c1;
            font-size: r(30px);
            border-color: white;;
            font-family: SourceHanSansCN-Medium;
        }
        div{
            @include font;
            @include flex;
            color: #0075c1;
        }
        #appointmentt{
            display: block;
            margin: 0 auto;
            ul{
                @include flex;
                @include font;
                width: 100%;
                margin-top: r(100px);
                color: #434242;
                display: flex;
                justify-content: space-around;
                &:nth-child(3){
                    margin-top: r(88px);
                }
            }
        }

        p{
            @include flex;
            @include font;
            margin-top: r(83px);     
        }
    }
}
